<div>
    <div class="ibox">
        <div class="ibox-title">
            <h5>店铺信息</h5>
            <div class="ibox-tools" style="top:10px;">
                <button type="button" class="btn btn-white btn-sm" v-on:click="_queryShopMethod()">
                    刷新
                </button>
                <button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddShopModal()">
                    <i class="fa fa-plus"></i>开店
                </button>
            </div>
        </div>
        <div class="ibox-content">
            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                <thead>
                    <tr>
                        <th class="text-center">店铺logo</th>
                        <th class="text-center">店铺区域</th>
                        <th class="text-center">店铺名称</th>
                        <th class="text-center">店铺编号</th>
                        <th class="text-center">开店类型</th>
                        <th class="text-center">店铺描述</th>
                        <th class="text-center">退货联系人</th>
                        <th class="text-center">退货电话</th>
                        <th class="text-center">状态</th>
                        <th class="text-center">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="shop in shopInfo.shops">
                        <td class="text-center" v-if="shop.shopLogo">
                            <img style="width: 60px; height: 60px; border-radius: 5px;" v-bind:src="shop.shopLogo">
                        </td>
                        <td class="text-center" v-else>
                            <img style="width: 60px; height: 60px; border-radius: 5px;" src="/img/noPhoto.jpg">
                        </td>
                        <td class="text-center">{{shop.areaName}}</td>
                        <td class="text-center">{{shop.shopName}}({{shop.shopTypeName}})</td>
                        <td class="text-center">{{shop.shopId}}</td>
                        <td class="text-center">{{shopInfo.openTypeName[shop.openType]}}</td>
                        <td class="text-center">{{shop.shopDesc}}</td>
                        <td class="text-center">{{shop.returnPerson}}</td>
                        <td class="text-center">{{shop.returnLink}}</td>
                        <td class="text-center">{{shop.stateName}}</td>
                        <td class="text-center">
                            <div class="btn-group">
                                <button class="btn-white btn btn-xs" v-on:click="_openEditShopModel(shop)">修改
                                </button>
                            </div>
                            <div class="btn-group" v-if="shop.state == '004'">
                                <button class="btn-white btn btn-xs" v-on:click="_payFee(shop.shopId)">缴保证金
                                </button>
                            </div>
                            <div class="btn-group">
                                <button class="btn-white btn btn-xs" v-on:click="_openShopQrCode(shop)">二维码
                                </button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <!-- 分页 -->
            <vc:create path="frame/pagination"></vc:create>
        </div>
    </div>
    <vc:create path="shop/addShop" callBackListener="" callBackFunction=""></vc:create>
    <vc:create path="shop/editShop"></vc:create>
</div>